*{
				padding: 0;
				margin: 0;
				list-style: none;
			}
			.tab{
				width: 300px;
				margin: 50px auto;
			}
			.tab input{
				padding: 10px 20px;
				background: #00A3CF;
				color: #E8E8E8;
				border: none;
			}
			.tab .active{
				background: #4169E1;
				color: #FFFFFF;
			}
			.tab{
				width: 300px;
				height: 200px;
				overflow: hidden;
			}
			.tab li{
				width: 300px;
				height: 200px;
				background: #67D7B2;
				font-size: 40px;
				line-height: 200px;
				text-align: center;
				color: #E9E9E9;
				float: left;
				display: none;
			}
			.tab .show{
				display: block;
			}
			#tab-3{				
				position: relative;
			}
			#tab-3 .zuo{
				padding: 20px 10px;
				background: #159400;
				position: absolute;
				left: 0;
				top: 100px;
				color: #FFFFFF;
			} 
			#tab-3 .you{
				padding: 20px 10px;
				background: #159400;
				position: absolute;
				right: 0;
				top: 100px;
				color: #FFFFFF;
			}
			.clearfix:after{
				clear: both;
				display: block;
				content: '';
			}